layui.use('table', function () {
    var table = layui.table;

    table.render({
        elem: '#test',
        url: '/back/product/findAll' /*tpa=/test/table/demo1.json*/,
        cols: [[ //表头
            {field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left'}
            , {field: 'name', title: '产品名称', width: 80}
            , {field: 'price', title: '市场价', width: 80, sort: true}
            , {
                field: 'imgHref', title: '产品图片', width: 80, templet: function (res) {
                    return '<img src="' + res.imgHref + '" width="50" height="40"/>';
                }
            }, {field: 'cuisineName', title: '菜系名称'}
            , {
                fixed: 'right',
                title: '操作',
                toolbar: '#barDemo',
                width: 200
            }
        ]],
        page: true
    })


    //监听行工具事件
    table.on('tool(test)', function (obj) {
        var data = obj.data;
        //console.log(obj)
        if (obj.event === 'del') {
            layer.confirm('真的删除行么', function (index) {
                obj.del();
                layer.close(index);
            });
        } else if (obj.event === 'edit') {
            sessionStorage.setItem("productId", data.id);
            xadmin.open('编辑产品', '/html/product/product-edit.html', 600, 400)
        }
    });
});